<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用video.js插件播放视频</title>
    <link rel="stylesheet" href="https://vjs.zencdn.net/8.6.1/video-js.css"/>
</head>
<body>
<h1>使用video.js播放：参考https://videojs.com/getting-started</h1>uuu
<video id='my-video' class='video-js' controls preload='auto' width='500' height='300'
       poster='/images/poster.jpg' data-setup='{}'>
    <source src='http://127.0.0.1:19000/bucket-test/test.mp4' type='video/mp4'>
    <source src='http://127.0.0.1:19000/bucket-test/test.webm' type='video/webm'>
    <p class='vjs-no-js'>
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href='https://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
    </p>
</video>

<script type="text/javascript" src="/js/jquery.js" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" src='https://vjs.zencdn.net/8.6.1/video.min.js'></script>
<script type="text/javascript" th:inline="javascript">

</script>
</body>
</html>

